﻿﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>银商通支付通信前置系统</title>
	<link rel="icon" href="img/txqz.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="img/txqz.ico" type="image/x-icon" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="银商通支付通信前置系统">
	<meta name="author" content="sheungxin">
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="js/html5.js"></script><script src="js/css3-mediaqueries.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.css" >
	
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	<script>
		function setWinHeight(obj){
			var win=obj;
			win.height=$(window).height()-185;
		}
	</script>
</head>
<body ng-app="menuApp" ng-controller="menuController" >
	<!-- HEADER -->
	<header class="navbar clearfix" id="header">
		<div class="container">			
			<div class="navbar-brand">
				<!-- COMPANY LOGO -->						
			 	<div class="header-logo">					 
					<img alt="" src="img/avatars/logo.jpg" />	
				</div>
				<div style="margin-top:32px;margin-left:10px;color:#103667;font-weight:bold;font-style: italic">
					银商通支付通信前置系统
				</div>
				<!-- /COMPANY LOGO -->
				
			</div>			
			<!-- BEGIN TOP NAVIGATION MENU -->					
			<ul class="nav navbar-nav pull-right">
				<h6 style="color:#ffffff" ng-bind="clock.now | date:'yyyy年MM月dd日 HH:mm:ss 星期{{week}}'"></h6>				
						<li class="dropdown user" id="header-user">
							<h6 style="align:right;color:#ffffff">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="username">当前用户：${MONITOR_USER.sysUserName }</span>
						<!--a href="javascript:void(0);" title="安全退出" class="dropdown-toggle" ng-click="loginOut()">
							<i class="fa fa-sign-out" style="color:#103667" data-icon1="fa fa-arrow-circle-left" data-icon2="fa fa-sign-out"></i>	
						</a-->
							<a href="javascript:void(0);" class="dropdown-toggle" ng-click="loginOut()">
								<img alt="" src="img/avatars/exit24.jpg" />							
							</a>	
							</h6>		
						</li>	
					 		
			</ul>			 
			<!-- END TOP NAVIGATION MENU -->				
	</div>
	<div class="navbar-idx">
		<!-- BEGIN TOP NAVIGATION MENU -->	
		<!-- SIDEBAR COLLAPSE -->
		<div id="sidebar-collapse" class="sidebar-collapse btn">
			<i class="fa fa-bars" 
				data-icon1="fa fa-bars" 
				data-icon2="fa fa-bars" ></i>							
		</div>
		<!-- END SIDEBAR COLLAPSE -->
		<marquee direction="left"  behavior="scroll" slide="1" isMultiLine="yes" scrollamount="3" scrolldelay="3" onmouseover="this.stop()" onmouseout="this.start()" align="left">
			<a ng-repeat="mess in messages" href="manage/message/details.jsp?id={{mess.id}}" target="user_main_iframe">{{mess.msg}}</a>
		</marquee>		
		<ul>			
			<li>
				<a href="manage/index.jsp">首页</a>		
			</li>
			<div class="navbar-idx split"></div>
			<li>
				<a href="manage/message/list.jsp" target="user_main_iframe">我的消息（{{messages.length}}）</a>		
			</li>
			<div class="navbar-idx split"></div>
			<li>
				<a href="manage/message/list.jsp" target="user_main_iframe">我的任务</a>		
			</li>
			<div class="navbar-idx split"></div>
			<li>
				<a href="manage/user/list.jsp" target="user_main_iframe">用户中心</a>
			</li>
		</ul>
		<!-- END TOP NAVIGATION MENU -->	
	</div>
	</header>
	<!--/HEADER -->
	
	<!-- PAGE -->
	<section id="page">
				<!-- SIDEBAR -->
				<div id="sidebar" class="sidebar">
					
					<div class="sidebar-menu nav-collapse">
						
						<!-- SIDEBAR QUICK-LAUNCH -->
						<!-- <div id="quicklaunch">
						<!-- /SIDEBAR QUICK-LAUNCH -->
						
						<!-- SIDEBAR MENU -->
						<ul>
							<li ng-class="{'active':($index==0),'has-sub':menu.childList.length>0}" ng-repeat="menu in menuList">
								<a href="{{menu.sysMenuUrl}}" target="user_main_iframe" ng-show="menu.childList.length==0">
									<i class="{{menu.sysMenuIcon}}"></i> <span class="menu-text">{{menu.sysMenuName}}</span>
									<span class="selected"></span>
								</a>
								<a href="javascript:;" ng-show="menu.childList.length>0">
									<i class="{{menu.sysMenuIcon}}"></i> <span class="menu-text">{{menu.sysMenuName}}</span>
									<span class="arrow"></span>
								</a>
								<ul class="sub" ng-show="menu.childList.length>0">
									<li ng-repeat="child in menu.childList">
										<a class="" href="{{child.sysMenuUrl}}" target="user_main_iframe">
											<i class="{{child.sysMenuIcon}}"></i><span class="sub-menu-text">{{child.sysMenuName}}</span>
										</a>
									</li>
								</ul>				
							</li>
						</ul>
						<!-- /SIDEBAR MENU -->
					</div>
				</div>
				<!-- /SIDEBAR -->
		<div id="main-content">
			<iframe id="user_main_iframe" src="manage/inter/list.jsp" name="user_main_iframe" onload="Javascript:setWinHeight(this)" frameborder="0" scrolling="yes" width="100%"></iframe>	
		</div>
	</section>
	<div class="separator"></div>
	<div class="text-center">
		Copyright 银商通支付通信前置系统  All Rights Reserved. 
	</div>
	<!--/PAGE -->
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>
	
		
	<!-- DATE RANGE PICKER -->
	<script src="js/bootstrap-daterangepicker/moment.min.js"></script>
	
	<script src="js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script src="js/angular.min.js"></script>
	<script>
		jQuery(document).ready(function() {
			App.init(); //Initialise plugins and elements
		});
		
		var app = angular.module('menuApp', []);
		app.controller('menuController', function($scope,$http,$interval) {
			$scope.menuList=eval('${MONITOR_MENUS}');
			
			//获取时间
			var curweek = new Array('日','一','二','三','四','五','六');
			var cday = new Date().getDay();
			$scope.week=curweek[cday];
			$scope.clock = {
				now : new Date().toLocaleString()
			}
			var updateClock = function(){
		    $scope.clock.now = new Date();
			}
			$interval(function(){
			    updateClock()
			},1000)
			updateClock();
			
			
			//message
			var msg = [
				{"id":"10002","msg":"2016年1月24日上午9:30中国银行B2C接口无法访问，请技术运维人员及时处理"},
				{"id":"10003","msg":"身份认证接口出现异常，提交数据无响应"}
			];
			$scope.messages=msg;
			
			$scope.loginOut=function(){
				$http.get('sys/users/loginOut').success(function(response){
					parent.location.href="<%=basePath%>login.jsp";
		        });
			}
		});
		
		$('#sidebar ul li').click(function(){
			$('#sidebar ul > li.active').removeClass('active');
			$(this).addClass('active');
		})
		$('.sub li').click(function(){
			$('.sub > li.current').removeClass('current');
			$(this).addClass('current');
		})
		$(window).resize(function() {
			setWinHeight($('#user_main_iframe')[0]);
		});
	</script>
	<!-- /JAVASCRIPTS -->
</body>
</html>